﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <title>Equinox - @ViewBag.Title</title>
    <link  rel="shortcut icon" href="/Content/site/images/favicon.ico"  />

    <link rel="stylesheet" href="/Content/site/css/jquery-ui.css" />
    <script type='text/javascript' src='/Content/site/js/jquery.min.js'></script>
    <script type='text/javascript' src="/Content/site/js/bootstrap.min.js"></script>
    <script type='text/javascript' src="/Content/site/js/jquery-ui.min.js"></script>
    <script type='text/javascript' src="/Content/site/js/bootstrap-timepicker.min.js"></script>
    <script type='text/javascript' src="/Scripts/equinox.js"></script>

    <link rel="stylesheet" type="text/css" href="/Content/site/css/bootstrap-responsive.css" />
    <link rel="stylesheet" type="text/css" href="/Content/site/css/bootstrap-theme.css" />
    <link rel="stylesheet" type="text/css" href="/Content/site/css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="/Content/site/css/bootstrap-timepicker.css" />
    <style>
        .form-horizontal .control-label {
            /* text-align:right; */
            text-align: left;
            vertical-align: central;
        }
        tr,.control-label, .form-control-static  {
            color:white;
        }
            tr:hover {
                color: black;
            }
        
        .botonera {
            width: 80%;
            height: 80%;
            margin-left:auto;
            margin-right:auto;
            padding:8px;
        }
        
        
        a.linkColumn, a.linkColumn:hover {
            text-decoration: none;
            color: #FFFFFF;
        }

        html,
        body {
            height: 100%;
            background-color:rgb(0,51,102);
            /* The html and body elements cannot have any padding or margin. */
        }

        /* Wrapper for page content to push down footer */
        #wrap {
            min-height: 100%;
            height: auto !important;
            height: 100%;
            /* Negative indent footer by it's height */
            margin: 0 auto -30px;
        }

        /* Set the fixed height of the footer here */
        #push,
        #footer {
            height: auto;
            width: auto;
        }

        #footer {
            background-color: #d3d3d3;
        }
        
        .navbar-collapse {
            max-height: none;
        }
        /* Lastly, apply responsive CSS fixes as necessary */
        @@media (max-width: 100%) {
            #footer {
                margin-left: -20px;
                margin-right: -20px;
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 0px;
            }
        }
		@@media (max-width: 767px) {
            .loginbutton {
                display:none;
            }
            .navbar-header {
                width: 100%;
            }
        }


        /* Custom page CSS
      -------------------------------------------------- */
        /* Not required for template or sticky footer method. */

        #wrap > .container {
            padding-top: 20px;
        }

        .container .credit {
            margin: 14px 0;
        }

        code {
            font-size: 75%;
        }

        .icon-chevron-up:before {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            content: "\e113";
        }

        .icon-chevron-down:before {
            position: relative;
            top: 1px;
            display: inline-block;
            font-family: 'Glyphicons Halflings';
            -webkit-font-smoothing: antialiased;
            font-style: normal;
            font-weight: normal;
            line-height: 1;
            content: "\e114";
        }
        /** Modified Responsive CSS **/
        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, body,legend,fieldset{
            font-family: Arial, Helvetica,Andalus,'Book Antiqua';
        }
        p {
           font-family: Arial, Helvetica,Andalus,'Book Antiqua';
           font-size:1em; 
        }
        .well > p {
           font-size:1em; 
        }
        legend {
            font-size:1.4em;
            font-weight:bold;
            color:white;
        }
        li > a {
           font-size:1.2em; 
        }
        .btn, button {
           font-size:1em; 
        }
        label {
           font-size:1em; 
        }
    </style>
</head>

<body>
    <div id="wrap">
        <div class="navbar navbar-static-top" style="width: inherit;height:78px">
            <div class="navbar-inner" style="margin-top:-10px;margin-bottom:-10px;background-color:rgb(0,51,102);height:88px;">
                <div class="container">
                    <div class="navbar-header" style="margin-left: inherit;">
                        <a class="navbar-brand" style="margin-left: inherit;" href="/home/">
                            <img src="/content/site/images/logo-no-text.png" style="height:72px;width:auto" class="img-responsive" alt="Logo"></a>
                        <button type="button" class="navbar-toggle" style="background-color: rgba(200, 201, 200, 1);" data-toggle="collapse" data-target=".navbar-collapse">
                            <span class="icon-bar" style="background-color: rgba(0, 0, 0, 1)"></span>
                            <span class="icon-bar" style="background-color: rgba(0, 0, 0, 1)"></span>
                            <span class="icon-bar" style="background-color: rgba(0, 0, 0, 1)"></span>
                        </button>
                    </div>
                    <div class="collapse navbar-collapse" style="margin-left: inherit">
                        <p class="navbar-text h3 text-info" style='padding-top: 15px;margin-left:-5px;color:white;font-family:"Times New Roman"'>EQUINOX CONSULTING S.A.C.</p>
                        <p class="navbar-text h4 text-info" style="padding-top: 40px;margin-left: -305px;color: white;font-family: 'Eras Medium ITC',Calibri, sans-serif;font-size: 17px;">Marine Consultants & Surveyors</p>
                        <ul class="nav navbar-nav" style="height: 60px; margin-left: inherit">
                            <li class='dropdown'>
                                <a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Caso":"Case" )<b class="caret"></b></a>
                                <!--Here-->
                                <ul class="dropdown-menu" role="menu" aria-labelledby="drop1">
                                    <li><a href="/Caso/MisCasos">@(ViewBag.lang == null || ViewBag.lang == "ES" ? "Mis casos" : "My cases")</a></li>
                                    <li><a href="/Caso/Search">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Buscar caso":"Search case")</a></li>
                                </ul>
                            </li>
                            </ul>
							<ul class="nav navbar-nav navbar-right loginbutton">
	                            <li id="logeado" class="dropdown">
		                            <a href="#" class="dropdown-toggle" data-toggle="dropdown">
		                            <span class="glyphicon glyphicon-user">
		                            </span>@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Bienvenido":"Welcome") @ViewBag.nombreUsuario <b class="caret"></b></a>
		                            <ul class="dropdown-menu">
			                            <li>
				                            <a href="/Cliente/Details?idcliente=@ViewBag.idClienteLogueado">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Mis datos":"Profile")</a>
			                            </li>
                                        <li>
				                            <a href="/cuenta/CambiarIdioma">@(ViewBag.lang==null || ViewBag.lang == "ES" ? "Change language":"Cambiar idioma")</a>
			                            </li>
                                        <li>
				                            <a href="/cuenta/CambiarPassword">@(ViewBag.lang==null || ViewBag.lang == "ES"? "Cambiar contraseña":"Change password")</a>
			                            </li>
			                            <li class="divider"></li>
                                        <li><a id="logout" href="/cuenta/logoff">
				                            <span class="glyphicon glyphicon-log-out"></span> Log out</a>
			                            </li>
		                            </ul>
	                            </li>
                            </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="container" style="width: inherit;margin-top:-20px;">
            @RenderBody()
        </div>

    </div>
    

</body>


</html>

